.alertbox, [v-cloak] {
	display: none
}

@font-face {
	font-family: iconfont;
	src: url(iconfont.eot);
	src: url(iconfont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(iconfont.ttf) format('truetype'), url(iconfont.svg#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont !important;
	font-size: .3rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.mui-bar-nav {
	box-shadow: none
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px transparent inset
}

body, dd, dl, dt, h1, h2, h3, h4, h5, h6, input, li, p, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Helvetica;
	font-size: 14px;
}

button, input, select, textarea {
	-webkit-appearance: none;
	appearance: none
}

body, html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none
}

a, a:active, a:focus, a:hover, a:link, a:visited {
	color: #999;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent
}

.alertbox {
	position: absolute;
	width: 2.5rem;
	height: 1.5rem;
	padding: .3rem;
	background: rgba(0, 0, 0, .7);
	font-size: .3rem;
	text-align: center;
	border-radius: .2rem;
	line-height: .9rem;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 999
}

.dibu, .mycontent {
	position: absolute;
	width: 100%
}

.dibu {
	z-index: 1;
	height: 100%;
	top: 0;
	left: 0
}

.dibu > div {
	font-size: 1rem;
	margin-top: 1rem;
	height: 25%;
	color: rgba(255, 255, 255, .1);
	text-align: center
}

.dibu > div:nth-child(1) {
	transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg)
}

.dibu > div:nth-child(2) {
	transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg)
}

.dibu > div:nth-child(3) {
	transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg)
}

.dibu > div:nth-child(4) {
	transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg)
}

.dibu > div:nth-child(5) {
	transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	-o-transform: rotate(50deg)
}

.mycontent {
	z-index: 2;
	height: auto
}

#kuangji {
	position: relative;
	height: 100%
}

/* 统一设置上下布局 */
.main{
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.head{
	position: static !important;
	width: 100%;
	height: 40px;
	text-align: center;
}
.content{
	flex: 1;
	width: 100%;
	position: relative;
}
.footer{
	position: static;
	height: 50px;
	width: 100%;
}

/* 右下角，刷新按钮 */
.shuaxin {
	background: rgba(30,107,151,.3);
	width: .5rem;
	height: .5rem;
	color: #02D2F5;
	position: fixed;
	z-index: 999;
	bottom: 60px !important;
	right: .3rem;
}

.own-main-background-color{
	position: static !important;
}